<template>
  <Breadcrumb></Breadcrumb>
  <div class="content">
    <div class="extra">
      <slot name="extra"></slot>
    </div>
    <slot name="title"></slot>
    <slot name="content"></slot>
  </div>
</template>

<script setup>
import Breadcrumb from "@/components/breadcrumb/index.jsx";
</script>

<style scoped>
.content {
  margin: 20px 20px;
}
.extra {
  margin-bottom: 20px;
  display: flex;
  justify-content: right;
}
</style>